<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>


    <script src="https://cdn.bootcdn.net/ajax/libs/Mock.js/1.0.0/mock-min.js"></script>
    <script>
        // 属性名   name
        // 生成规则 rule
        // 属性值   value
        // 'name|rule': value
        let data = Mock.mock({
            //随机生成一个包含4个对象的数组
            'list|4': [
                {
                    'id|+1': 1,
                    'name': '@name()',
                    'age|18-30': 1,
                    // gender: '@integer(0, 1)',
                    'gender|1': ["男", '女']
                }
            ]
        })

        console.log(data);

        // 练习：生成学生信息 name age gender score
        //生成数据
        let students = Mock.mock({
            'students|10': [
                {
                    'id|+1': 1,
                    'name': '@cname()',
                    'age|16-20': 1,
                    'gender|1': ["男", '女'],
                    'score|0-100': 1
                }
            ]
        })

        // 拦截请求
        // Mock.mock('/students', {
        //     'students|10': [
        //         {
        //             'id|+1': 1,
        //             'name': '@cname()',
        //             'age|16-20': 1,
        //             'gender|1': ["男", '女'],
        //             'score|0-100': 1
        //         }
        //     ]
        // })

        Mock.mock('/students', function () {
            //直接返回一个数组
            return Mock.mock({
                'students|10': [
                    {
                        'id|+1': 1,
                        'name': '@cname()',
                        'age|16-20': 1,
                        'gender|1': ["男", '女'],
                        'score|0-100': 1
                    }
                ]
            }).students
        })


    </script>

</body>

</html>